<template>
    <Head>
        <Title>Contact Us</Title>
    </Head>
    <PageHeader title="Contact Us" subtitle="Contact Us" :image="`${$config.public.baseUrl}images/bg/home1/7.png`"/>
    <div class="conatct padding-top padding-bottom">
        <div class="container">
            <div class="contact__wrapper">
                <div class="row g-5">
                    <div class="col-lg-6" data-aos="fade-right" data-aos-duration="800">
                        <DetailsInfo />
                    </div>
                    <div class="col-lg-6" data-aos="fade-left" data-aos-duration="800">
                        <ContactForm />
                    </div>
                </div>
            </div>
        </div>
    </div>
    <MapLink />
    <div class="newsletter" data-aos="fade-up" data-aos-duration="800">
        <div class="container">
            <Newsletter />
        </div>
    </div>
</template>

<script>
import PageHeader from '@/components/partials/PageHeader.vue'
import DetailsInfo from '@/components/modules/contact/DetailsInfo.vue'
import ContactForm from '@/components/modules/contact/ContactForm.vue'
import MapLink from '@/components/modules/contact/MapLink.vue'
import Newsletter from "@/components/partials/newsletters/Newsletter.vue";
export default {
    components: {
        PageHeader,
        DetailsInfo,
        ContactForm,
        MapLink,
        Newsletter
    }
}
</script>

<style></style>